<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
</head>

<body>
    <div id="#app"></div>

    <script>
        /* 
        Vue特点：
         — 用于构建用户界面的渐进式框架：可以根据需要依次引入需要用到的模块和工具包（路由、vueX等等），
         — 申明式编码，用户无需手动操作DOM，提高开发效率
         — diff算法，提高编译速度
         — 遵循MVVM模式，数据双向绑定 
            MVVM是一种软件架构设计模型
            — M(Model):模型层，主要负责数据相关；
            — V(View):视图层，主要负责视图(DOM)相关，用于展示数据  
            — VM(ViewModel):是M层和V层沟通的桥梁，来监听V层和M层的变化
            — VM(ViewModel)是Vue.js的核心，它是一个Vue实例，MVVM支持双向绑定，当M层数据发生改变，VM层检测到改变后通知V层
              重新渲染页面，反之当V层发生改变时VM层检测到后通知M层。
        */



        // 引用后，提供一个构造函数Vue,
        // 每个Vue应用都是通过创建Vue的实例创建的
        console.log(Vue);
    </script>
</body>

</html>